html {
    margin: 0;
    padding: 0;
}

body {
    font-family: sans-serif;
    font-size: 80%;
    color: rgb(0, 0, 0);
	padding: 0;
	margin: 0;
}

.bodyContent {
    background: white;
    margin: 0;
    padding: 0 10px 10px;
	min-height: 200px;
    border-top: none;
    border-bottom: 3px solid rgb(0, 0, 0);
    border-left: none;
}

.status-info span.status-icon {
	display:inline-block;
	margin-right:0.5em;
	width: 30px;
	height: 28px;
	vertical-align: middle;
}

.status-info span.normal {
	background: url('../gfx/sprite-status.png') 0px 0px no-repeat;
}

.status-info span.connecting {
	background: url('../gfx/sprite-status.png') 0px -28px no-repeat;
}

.status-info span.active {
	background: url('../gfx/sprite-status.png') 0px -56px no-repeat;
}

.status-info span.error-failed {
	background: url('../gfx/sprite-status.png') 0px -84px no-repeat;
}

.status-info span.disabled {
	background: url('../gfx/sprite-status.png') 0px -112px no-repeat;
}

.status-info span.error-handling {
	background: url('../gfx/sprite-status.png') 0px -140px no-repeat;
}

.status-info span.waiting {
	background: url('../gfx/sprite-status.png') 0px -168px no-repeat;
}

